<template>
  <div class="avatar">
    <img class="avatar-img" :src='avatar' />
  </div>
</template>

<script>
  import defaultAvatar from '../static/img/defaultAvatar.jpg';
  import '../static/less/AvatarComponent.css';
  export default {
    props:{
      avatar:{
        type: String,
        default: defaultAvatar
      }
    },
    name: "AvatarComponent"
  }
</script>

<style lang="less"></style>
